<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

	<link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/main.css') }}">
	<link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/mine.css') }}">
	
	<script src="{{ url_for('static',filename='js/jquery-1.12.4.js') }}"></script>
	<script src="{{ url_for('static',filename='js/jquery-ui.min.js') }}"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>

	<script src="{{ url_for('static',filename='js/main.js') }}"></script>

</head>

<body>
    <div class="menu_logo"><img src="{{ url_for('static',filename='image/logo.jpg') }}" width="100%" height="100"></div>
    <div class="menu_navigation">
        <ul class="menu_list">
            <a href="index.html" class="menu_index"></a>
            <p class="menu_head">&nbsp;&nbsp;&nbsp;&nbsp;Infomation</p>
            <div class="menu_body">
                <a href="/VitalSigns/">&nbsp;&nbsp;&nbsp;&nbsp;Personnal Info </a>
                <a href="/VitalSigns/updatePage">&nbsp;&nbsp;&nbsp;&nbsp;Register Vital Signs </a>
            </div>
            <p class="menu_head">&nbsp;&nbsp;&nbsp;&nbsp;Medication</p>
            <div class="menu_body">
                <a href="/Medication/">&nbsp;&nbsp;&nbsp;&nbsp;medication</a>
                <!-- <a href="search.html">&nbsp;&nbsp;&nbsp;&nbsp;TODO2</a> -->
            </div>
            <p class="menu_head">&nbsp;&nbsp;&nbsp;&nbsp;Diet</p>
            <div class="menu_body">
                <a href="/Diet/">&nbsp;&nbsp;&nbsp;&nbsp;diet history</a>
                <!-- <a href="search.html">&nbsp;&nbsp;&nbsp;&nbsp;TODO2</a> -->
            </div>
            <p class="menu_head">&nbsp;&nbsp;&nbsp;&nbsp;Note</p>
            <div class="menu_body">
                <a href="/Note/">&nbsp;&nbsp;&nbsp;&nbsp;New Note </a>
                <a href="/Note/favouritePage">&nbsp;&nbsp;&nbsp;&nbsp;Favorite</a>
            </div>
            <p class="menu_head">&nbsp;&nbsp;&nbsp;&nbsp;Search</p>
            <div class="menu_body">
                <a href="/Search/">&nbsp;&nbsp;&nbsp;&nbsp; Info Search</a> 
            </div>
            <p class="menu_head">&nbsp;&nbsp;&nbsp;&nbsp;Appointment</p>
            <div class="menu_body">
                <a href="/Appointment/">&nbsp;&nbsp;&nbsp;&nbsp; Track Appointment</a> 
            </div>
            <p class="menu_head">&nbsp;&nbsp;&nbsp;&nbsp;Communication</p>
            <div class="menu_body">
                <a href="/Communication/">&nbsp;&nbsp;&nbsp;&nbsp; Chat</a> 
            </div>
        </ul>
    </div>
</body>
</html>